<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--<html xmlns:th="http://www.thymeleaf.org">-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="/fashionpress/client/css/reset.css">
    <link rel="stylesheet" href="/fashionpress/client/css/carts.css">
</head>
<body>
    <section class="cartMain">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                    <!--所有商品全选-->
                    <input type="checkbox" id="all" class="whole_check">
                    <label for="all"></label>
                    全选
                </li>
                <li class="list_con">商品信息</li>
                <li class="list_info">商品型号</li>
                <li class="list_price">单价</li>
                <li class="list_amount">数量</li>
                <li class="list_sum">金额</li>
                <li class="list_op">操作</li>
            </ul>
        </div>

        <div class="cartBox">
<!--            <div class="shop_info">-->
<!--                <div class="all_check">-->
<!--                    &lt;!&ndash;店铺全选&ndash;&gt;-->
<!--                    <input type="checkbox" id="shop_a" class="shopChoice">-->
<!--                    <label for="shop_a" class="shop"></label>-->
<!--                </div>-->
<!--                <div class="shop_name">-->
<!--                    店铺：<a href="javascript:;">搜猎人艺术生活</a>-->
<!--                </div>-->
<!--            </div>-->




            <div class="order_content" >
                <ul class="order_lists" th:each="cart : ${cartList}">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_2" class="son_check">
                        <label for="checkbox_2"></label>
                    </li>
                    <li class="list_con">

                        <div class="list_img"><a href="javascript:;"><img th:src="@{'/admin/jpg/'+${cart.img.getImgName()}}" alt=""></a></div>
                        <div class="list_text" ><a href="" th:text="${cart.productName}"></a></div>
<!--                        <div class="list_text" ><a href="" th:text="${cart.img}"></a></div>-->
                    </li>
                    <li class="list_info">
<!--                        <p >规格：默认</p>-->
<!--                        <p class="productId" th:value="${cart.productId}" id="productId" name="productId"></p>-->
                        <p ><a href="" class="productId" th:text="${cart.productID}" id="productId" name="productId"></a></p>
<!--                        <p>尺寸：16*16*3(cm)</p>-->
                    </li>
                    <li class="list_price">
                        <p class="price" th:text="￥+${cart.productPrice}" id="productPrice"name="productPrice">￥980</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input th:value="${cart.productQuantity}" class="sum">100</input>
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price" th:text="￥+${cart.productPrice}* ${cart.productQuantity}"></p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
            </div>
        </div>

        <!--底部-->
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
                <div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
                <div class="calBtn">
<!--                    <form action="/shopcar/sumMoney" method="post">-->
<!--                        <input type="hidden" name="list" id="list"/>-->
<!--                        <input type="submit"/>-->
<!--                    </form>-->
                    <a href="javascript:;"class="sumMoney">结算</a></div>
            </div>
        </div>
    </section>
    <section class="model_bg"></section>
    <section class="my_model">
        <p class="title">删除宝贝<span class="closeModel">X</span></p>
        <p>您确认要删除该宝贝吗？</p>
        <div class="opBtn"><a th:href="@{'/shopcar/sumMoney'}" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
    </section>
	
    <script src="/fashionpress/client/js/jquery.min.js"></script>
    <script src="/fashionpress/client/js/carts.js"></script>
	<div style="text-align:center;">
</div>

</body>
</html>